import Vue from 'vue'
// 定义指令
Vue.directive('imgerror', {
  // 将元素放到页面上类似于组件mouted
  inserted(el, binding) {
    // 最开始也判断是否为空
    if (!el.src) {
      el.src = binding.value
    }
    el.onerror = function() {
      // 2. 指令接收数据
      this.src = binding.value
    }
  },
  // 当模板发生改变.触发这个方法
  update(el, binding) {
    // 通过钩子函数判断空给图片加上默认图片
    if (!el.src) {
      el.src = binding.value
    }
  }
})
